<template>
  <div class="person">
    <h1>我是Person组件</h1>
    <h2>姓名：{{name}}</h2>
    <h2>年龄：{{age}}</h2>
    <button @click="updateAge(1)">点我年龄+1</button>
  </div>
</template>

<script>
  export default {
    name:'Person',
    props:['name','age','updateAge'],
    // methods: {
    //   add(){
    //     this.updateAge(1)
    //   }
    // },
  }
</script>

<style scoped>
  .person {
    background-color: orange;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px black;
  }
</style>